<template>
  <div class="wrap">
     <SearchItem></SearchItem>
     <div class="content">
       <h4>大家爱搜</h4>
       <ul>
         <li>身体乳</li>
         <li>口红</li>
         <li>控油</li>
         <li>粉饼</li>
         <li>精华</li>
       </ul>
     </div>
     <router-view></router-view>
  </div>
</template>
<script>
import SearchItem from "../../components/searchItem.vue"

export default {
  name:"search",
  components:{
    SearchItem,
  },
  data(){
      return{
          
      }
  }
}
</script>
<style lang="less" scoped>
@main_bgcolor :#ff406f;
  
    .content{
      // display: none;
          color: #808080;
          padding: 14/75rem 22/75rem;
         
          
          
        h4{
          font-size: 34/75rem;
          margin-bottom:14/75rem;
           margin-top: 120/75rem;
        }
        ul{
          li{
            float: left;
             font-size: 22/75rem;
             border: 1px solid @main_bgcolor;
             height:32/75rem;
             width: 96/75rem;
             text-align: center;
             margin-right: 54/75rem;
              border-radius: 10/75rem;
              line-height: 32/75rem;

          }
          li:last-child{
            margin-right: 0;

          }
        }
      }
  

</style>
